<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <title>kids</title>
     <!-- Demo styles -->
     <style>
      

    </style>
  <!-- 引用bootstrap核心css -->
  <link rel="stylesheet" href="../css/bootstrap.min.css">

  <!-- 引用动画库 -->
  <link rel="stylesheet" href="../css/animate.min.css">

  <!-- 引用重置样式表 -->
  <link rel="stylesheet/less" href="../css/reset.less">

  <!-- 引用公共样式 -->
  <link rel="stylesheet/less" href="../css/common.less">

  <!-- 引用该页面样式 -->
  <link rel="stylesheet/less" href="../css/man.less">
  <link rel="stylesheet" href="../css/swiper-bundle.min.css">
</head>

<body>
 <div class="warp">
  <nav class="navbar navbar-default">
    <div class="container-fluid">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="log" href="../index.html">sh</a>
      </div>
  
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
          <li ><a href="./woman.html" target="_blank"> Woman</a></li>
          <li> <a href="./man.html" target="_blank"> Man</a></li>
          <li> <a href="./kids.html" target="_blank"> Kids</a></li>
          <li> <a href="./comming.html" target="_blank"> Comming Soon</a></li>
          <li> <a href="./about.html" target="_blank">  About</a></li>
          <li class="dropdown">
            
          </li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li><a href="./login.html" target="_blank"><img src="../images/User.png" alt=""> <span>Log In</span> </a></li>
          <li><a href="./shopping.html" target="_blank"><img src="../images/Ellipse3.png" alt=""> <span>Basket(0)</span> </a></li>
          <li>  <a class="sousuo" href=""><div><img  src="../images/shousuo.png" alt=""></div></a></li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>
    <div class="mbx">
        <p class="p1"><a href="../index.html">HOME</a>    /    <a href="">Kids</a></p>

    </div>
   <div class="menu">
        <p>裙子<a href="">show more<img src="../images/Shape 1.png" alt=""> </a></p>
        <div class="menu-list">
            <div class="menu-list-in wow fadeIn" data-wow-delay="200ms">
                 <a class="top" href="./shops.html"><div><img src="../images/16.PNG" alt=""></div></a>
                 <a class="bt" href="">Double-Layered Top <br>  <span>€ 89,95</span></a>
                 
            </div>
            <div class="menu-list-in wow fadeIn" data-wow-delay="200ms">
                <a class="top" href="./shops.html"><div><img src="../images/15.PNG" alt=""></div></a>
                <a class="bt" href="./shops.html">Double-Layered Top <br>  <span>€ 89,95</span></a>
                
           </div>
           <div class="menu-list-in wow fadeIn" data-wow-delay="200ms">
            <a class="top" href="./shops.html"><div><img src="../images/14.PNG" alt=""></div></a>
            <a class="bt" href="./shops.html">Double-Layered Top <br>  <span>€ 89,95</span></a>
            
       </div>
       <div class="menu-list-in wow fadeIn" data-wow-delay="200ms">
        <a class="top" href="./shops.html"><div><img src="../images/13.PNG" alt=""></div></a>
        <a class="bt" href="./shops.html">Double-Layered Top <br>  <span>€ 89,95</span></a>
        
   </div>
            
           
        </div>
    </div>
    <div class="menu">
        <p>连衣裙<a href="">show more<img src="../images/Shape 1.png" alt=""> </a></p>
        <div class="menu-list">
            <div class="menu-list-in wow fadeIn">
                 <a class="top" href=""><div><img src="../images/6.PNG" alt=""></div></a>
                 <a class="bt" href="">Double-Layered Top <br>  <span>€ 89,95</span></a>
                 
            </div>
            <div class="menu-list-in wow fadeIn">
                <a class="top" href=""><div><img src="../images/7.PNG" alt=""></div></a>
                <a class="bt" href="">Double-Layered Top <br>  <span>€ 89,95</span></a>
                
           </div>
           <div class="menu-list-in wow fadeIn">
            <a class="top" href=""><div><img src="../images/8.PNG" alt=""></div></a>
            <a class="bt" href="">Double-Layered Top <br>  <span>€ 89,95</span></a>
            
       </div>
       <div class="menu-list-in wow fadeIn">
        <a class="top" href=""><div><img src="../images/9.PNG" alt=""></div></a>
        <a class="bt" href="">Double-Layered Top <br>  <span>€ 89,95</span></a>
        
   </div>
            
           
        </div>
    </div>
    <div class="menu">
        <p>T-shirts<a href="">show more<img src="../images/Shape 11.png" alt=""> </a></p>
        <div class="menu-list">
            <div class="menu-list-in wow fadeIn" data-wow-delay="200ms" >
                 <a class="top" href="./shops.html"><div><img src="../images/10.PNG" alt=""></div></a>
                 <a class="bt" href="./shops.html">Double-Layered Top <br>  <span>€ 89,95</span></a>
                 
            </div>
            <div class="menu-list-in wow fadeIn" data-wow-delay="200ms">
                <a class="top" href="./shops.html"><div><img src="../images/33.PNG" alt=""></div></a>
                <a class="bt" href="./shops.html">Double-Layered Top <br>  <span>€ 89,95</span></a>
                
           </div>
           <div class="menu-list-in wow fadeIn" data-wow-delay="200ms">
            <a class="top" href="./shops.html"><div><img src="../images/30.PNG" alt=""></div></a>
            <a class="bt" href="./shops.html">Double-Layered Top <br>  <span>€ 89,95</span></a>
            
       </div>
       <div class="menu-list-in wow fadeIn" data-wow-delay="200ms">
        <a class="top" href="./shops.html"><div><img src="../images/33.PNG" alt=""></div></a>
        <a class="bt" href="./shops.html">Double-Layered Top <br>  <span>€ 89,95</span></a>
        
   </div>
            
           
        </div>
    </div>
   <div class="end-title">
    <h2>Check our lookbook</h2>
   </div>
   <div class="swiper mySwiper">
    <div class="swiper-wrapper">
      <div class="swiper-slide">Slide 1</div>
      <div class="swiper-slide">Slide 2</div>
      <div class="swiper-slide">Slide 3</div>
     
    </div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
  <div class="end">
    <div>
      <p>Collection</p>
      <ul>
        <li> <a href="">Woman (1725)</a> </li>
        <li> <a href="">Men (635)</a> </li>
        <li> <a href="">Kids (2514)</a> </li>
        <li> <a href="">Comming Soon (76)</a> </li>
      </ul>
    </div>
    <div>
      <p>Shop</p>
      <ul>
      
        <li> <a href="">About us</a> </li>
        <li> <a href="">Shipping Metods</a> </li>
        <li> <a href="">Career</a> </li>
        <li> <a href="">Contact </a> </li>
      </ul>
    </div>
    <div>
      <p>site</p>       
      <ul>
        <li> <a href="">Terms of Service</a> </li>
        <li> <a href="">Privacy Policy</a> </li>
        <li> <a href="">Copyright Policy </a> </li>
        <li> <a href="">Press Kit </a> </li>
      </ul>
    </div>
    <div>
      <p>social</p>  
      <ul>
        <li>Shoper is made with love in Warsaw, </li>
        <li>2014 &copy; All rights reserved </li>
        <li class="li-im">  
          <div> <img src="../images/Twittert.png" alt=""> </div>
          <div> <img src="../images/Facebook.png" alt=""> </div>
          <div> <img src="../images/Instagram.png" alt=""> </div>
        
        </li>
        
      </ul>
    </div>
  </div>
 </div>
</body>

</html>
<script src="../js/jquery-3.5.1.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/wow.min.repeat.js"></script>
<script src="../js/less.min.js"></script>
<script src="../js/swiper-bundle.min.js"></script>
<script>
  //实例化wow.js
  new WOW().init();
  var swiper = new Swiper(".mySwiper", {
        navigation: {
          nextEl: ".swiper-button-next",
          prevEl: ".swiper-button-prev",
        },
      });

</script>